﻿@extends('Admin.layout.blank')

@section('body')
<section class="Hui-article-box">
	<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 管理员管理 <span class="c-gray en">&gt;</span> 角色管理 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
	<div class="Hui-article">
		<article class="cl pd-20">
			<div class="cl pd-5 bg-1 bk-gray">
				@node('AdminRole_create')
				<span class="l"> <a class="btn btn-primary radius" href="javascript:;" onclick="admin_role_add('添加角色','{{ route('AdminRole.create') }}','800')"><i class="Hui-iconfont">&#xe600;</i> 添加角色</a> </span>
				@endnode
				<span class="r">共有数据：<strong>{{ count($roles) }}</strong> 条</span> </div>
			<div class="mt-10">
				@if (session('message'))
				<div class="Huialert Huialert-error">
					<i class="Hui-iconfont">&#xe6a6;</i>{{ session('message') }}
				</div>
				@endif
			<table class="table table-border table-bordered table-hover table-bg">
				<thead>
					<tr>
						<th scope="col" colspan="6">角色管理</th>
					</tr>
					<tr class="text-c">
						<th width="40">ID</th>
						<th width="200">角色名</th>
						<th width="700">描述</th>
						<th width="70">操作</th>
					</tr>
				</thead>
				<tbody>
					@foreach($roles as $role)
					<tr class="text-c">
						<td>{{ $role->id }}</td>
						<td>{{ $role->name }}</td>
						<td>{{ $role->desc }}</td>
						<td class="f-14">
						@node('AdminRole_show')
						<a title="详情" href="javascript:;" onclick="admin_role_edit('角色详情','{{ route('AdminRole.show', ['id' => $role->id])}}','1')" style="text-decoration:none"><i class="Hui-iconfont">&#xe720;</i></a>
						@endnode
						@node('AdminRole_edit')
						<a title="编辑" href="javascript:;" onclick="admin_role_edit('角色编辑','{{ route('AdminRole.edit', ['id' => $role->id])}}','1')" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a>
						@endnode
						@node('AdminRole_delete')
						<a title="删除" href="javascript:;" onclick="admin_role_del(this,'{{ $role->id }}')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a>
						@endnode
						</td>
					</tr>
					@endforeach
				</tbody>
			</table>
			</div>
		</article>
	</div>
</section>
@endsection

@section('footer-js')

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="{{ asset('AdminPublic/lib/My97DatePicker/4.8/WdatePicker.js')}}"></script>
<script type="text/javascript" src="{{ asset('AdminPublic/lib/datatables/1.10.0/jquery.dataTables.min.js')}}"></script>
<script type="text/javascript" src="{{ asset('AdminPublic/lib/laypage/1.2/laypage.js')}}"></script>
<script type="text/javascript">
/*管理员-角色-添加*/
function admin_role_add(title,url,w,h){
	layer_show(title,url,w,h);
}
/*管理员-角色-编辑*/
function admin_role_edit(title,url,id,w,h){
	layer_show(title,url,w,h);
}
/*管理员-角色-删除*/
function admin_role_del(obj,id){
	layer.confirm('角色删除须谨慎，确认要删除吗？',function(index){
		//此处请求后台程序，下方是成功后的前台处理……
		$.get('{{ route('AdminRole.destroy')}}', {'id': id}, function(data) {

			if (data) {

				$(obj).parents("tr").remove();
				layer.msg('已删除!',{icon:1,time:1000});

			}
		}, 'json');
	});
}
</script>
<!--/请在上方写此页面业务相关的脚本-->
@endsection
